<div class="cq-menu cq-menu--horizontal cq-menu--default">
  <ul class="cq-menu--list">
    <li class="cq-menu--item">
      <div class="cq-menu--container">
        <a class="cq-menu--label" href="javascript:void(0);">
          <i class="cq-icon iconfont icon-shouyeshouye"></i>
          <span class="cq-menu--title">首页</span>
        </a>
      </div>
    </li>
    <li class="cq-menu--item">
      <div class="cq-menu--container">
        <a class="cq-menu--label" href="javascript:void(0);">
          <i class="cq-icon iconfont icon-st-github"></i>
          <span class="cq-menu--title">仓库</span>
        </a>
        <!-- 二级导航 -->
        <div class="cq-menu--children is-level-2">
          <ul class="cq-menu--list">
            <li class="cq-menu--item">
              <div class="cq-menu--container">
                <a class="cq-menu--label" href="javascript:void(0);">
                  <span class="cq-menu--title">二级</span>
                </a>
                <!-- 三级导航 -->
                <div class="cq-menu--children is-level-3">
                  <ul class="cq-menu--list">
                    <li class="cq-menu--item">
                      <div class="cq-menu--container">
                        <a class="cq-menu--label" href="javascript:void(0);">
                          <span class="cq-menu--title">三级</span>
                        </a>
                      </div>
                    </li>
                    <li class="cq-menu--item">
                      <div class="cq-menu--container">
                        <a class="cq-menu--label" href="javascript:void(0);">
                          <span class="cq-menu--title">三级</span>
                        </a>
                        <div class="cq-menu--children"></div>
                      </div>
                    </li>
                    <li class="cq-menu--item">
                      <div class="cq-menu--container">
                        <a class="cq-menu--label" href="javascript:void(0);">
                          <span class="cq-menu--title">三级</span>
                        </a>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="cq-menu--item">
              <div class="cq-menu--container">
                <a class="cq-menu--label" href="javascript:void(0);">
                  <span class="cq-menu--title">二级</span>
                </a>
              </div>
            </li>
            <li class="cq-menu--item">
              <div class="cq-menu--container">
                <a class="cq-menu--label" href="javascript:void(0);">
                  <span class="cq-menu--title">二级</span>
                </a>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="cq-menu--item">
      <div class="cq-menu--container">
        <a class="cq-menu--label" href="javascript:void(0);">
          <i class="cq-icon iconfont icon-youqinglianjie"></i>
          <span class="cq-menu--title">友链</span>
        </a>
      </div>
    </li>
    <li class="cq-menu--item">
      <div class="cq-menu--container">
        <a class="cq-menu--label" href="javascript:void(0);">
          <i class="cq-icon iconfont icon-xiangce-copy"></i>
          <span class="cq-menu--title">相册</span>
        </a>
      </div>
    </li>
    <li class="cq-menu--item">
      <div class="cq-menu--container">
        <a class="cq-menu--label" href="javascript:void(0);">
          <i class="cq-icon iconfont icon-biji"></i>
          <span class="cq-menu--title">日志</span>
        </a>
      </div>
    </li>
  </ul>
</div>